.content {
  display: flex;
  justify-content: center;
  background: #F8F9FC;
  position: relative;
  .logo {
    cursor: pointer;
    position: absolute;
    left: 48px;
    top: 32px;
    object-fit: cover;
    height: 32px;
    width: 115px;
  }
  .wechatPay {
    .title {
      line-height: 80px;
      position: relative;
      height: 80px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      font-size: 24px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #000000;
      padding-left: 50px;

      .titleLine::before {
        content: '';
        position: absolute;
        left: 33px;
        top: 52%;
        transform: translateY(-50%);
        width: 4px;
        height: 16px;
        background: #1A3DC9;
        border-radius: 1px 1px 1px 1px;
      }
    }

    .payContent {
      padding: 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 496px;
      position: relative;

      > div:first-child {
        .orderInfo {
          font-size: 16px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.85);
          padding: 24px;

          > div {
            margin-bottom: 24px;
          }
        }

        .payInfo {
          display: flex;
          justify-content: center;
          flex-direction: column;

          .money {
            font-size: 16px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.85);

            span {
              margin-left: 10px;
              font-size: 24px;
              font-family: Arial-Bold, Arial;
              font-weight: bold;
              color: #EE3F57;
            }
          }

          .afterPay {
            font-size: 14px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.25);
          }

          > div {
            text-align: end;
            padding-right: 32px;
          }

          position: absolute;
          left: 0;
          bottom: 0;
          height: 80px;
          width: 100%;
          background: rgba(0, 0, 0, 0.02);
          border-radius: 0px 0px 4px 4px;
        }

        position: relative;
        height: 100%;
        width: 66.6%;
        border-radius: 4px 4px 4px 4px;
        opacity: 0.9;
        border: 1px solid rgba(0, 0, 0, 0.15);
      }

      > div:last-child {
        margin-left: 40px;
        height: 100%;
        height: 100%;
        width: 33.3%;
        background: #09BB07;
        opacity: 0.9;
        border: 1px solid rgba(0, 0, 0, 0.15);
        display: flex;
        flex-direction: column;
        align-items: center;
        .qrcode {
          height: 256px;
          width: 256px;
          margin-top: 50px;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .des {
          padding-top: 65px;
          font-size: 16px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.85);
        }
      }
    }

    margin-top: 64px;
    margin-bottom: 100px;
    width: 1204px;
    height: 680px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 1px rgba(6, 35, 84, 0.2);
    border-radius: 4px 4px 4px 4px;
  }
}
